<template>
  <!-- 底部导航栏 -->
  <!-- 
    route，开启路由模式
    replace,不允许浏览器箭头跳转上下页，this.$router.replace()
    to,路由跳转
  -->
  <van-tabbar route class="tabbar">
    <van-tabbar-item replace to="/home" icon="home-o">首页</van-tabbar-item>
    <van-tabbar-item replace to="/special" icon="medal-o">专题</van-tabbar-item>
    <van-tabbar-item replace to="/category" icon="qr">分类</van-tabbar-item>
    <van-tabbar-item replace to="/shopcart" icon="shopping-cart-o">购物车</van-tabbar-item>
    <van-tabbar-item replace to="/my" icon="manager-o">我的</van-tabbar-item>
  </van-tabbar>
</template>
<script>
export default {
  name: "Tabbar",
  data() {
    return {};
  },
  methods: {}
};
</script>
<style lang="less" scoped>
</style>